﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<VCC.CMS.ViewModels.AdEditModel>" %>

<%@ Import Namespace="VCC.Lib.Helpers" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Sửa tin rao
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="Toolbar" runat="server">
    <%= Html.Toolbar("Quay về", "/Ad/Index/", "back") %>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="Header" runat="server">
    Sửa tin rao:<font color="red"><%=Model!= null && Model.Ad != null ? Model.Ad.ID.ToString() : ""%></font>
</asp:Content>
<asp:Content ID="Content5" ContentPlaceHolderID="Message" runat="server">
    <%=ViewData["MessageHeaderInfo"] != null ? "<p class='perror'>" + Html.Encode(ViewData["MessageHeaderInfo"]) + "</p>" : string.Empty%>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <%if (ViewData["MessageHeaderInfo"] == null)
      { %>
    <% using (Html.BeginForm("Edit", "Ad", FormMethod.Post, new { id = "adminForm", enctype = "multipart/form-data" }))
       {%>
    <%= Html.ValidationSummary(true)%>
    <table class="admintable" width="100%">
        <tbody>
            <tr>
                <td class="key">
                    Tiều đề<font color="red">*</font>:
                </td>
                <td colspan="3">
                    <%= Html.TextBoxFor(m => m.Ad.Title, new { @class = "required", title = "Nhập tiêu đề tin rao vào đây", style = "width:730px" })%>
                </td>
            </tr>
            <tr>
                <td class="key">Thời gian đăng tin</td>
                <td>Từ ngày:<%=Html.TextBox("StartDate",string.Format("{0:dd/MM/yyyy}",Model.Ad.StartDate), new { @class = "required datepicker",style="width:80px", title="Nhập ngày bắt đầu đăng tin trên website"})%> ->
                    Tới:<%=Html.TextBox("EndDate",string.Format("{0:dd/MM/yyyy}",Model.Ad.EndDate) ,new { @class = "required datepicker",style="width:80px", title="Nhập ngày bắt đầu đăng tin trên website"})%></td>
                <td class="key">
                    Loại tin
                </td>
                <td>
                    <%=Html.DropDownListFor(m => m.Ad.VIPTypeID, new SelectList(Model.VIPTypes, "Key", "Value", Model.Ad.VIPTypeID).ToList(), new { style = "width:190px" })%>
                </td>   
            </tr>
            <tr>
                <td class="key">Danh mục<font color="red">*</font>:</td>
                <td>
                    <%=Html.DropDownListFor(m => m.Ad.CatID, new SelectList(Model.CategoryBuiltTree, "Value", "Text",Model.Ad.CatID).ToList(), "--chọn danh mục--", new { @class = "required", style = "width:250px",title="Chọn danh mục cho tin rao!" })%>
                </td>
                <td class="key">
                    Location/Suburb<font color="red">*</font>:
                </td>
                <td colspan="3">
                    
                    <%=Html.TextBox("AdSuburbName", Model.Ad.Suburb.FullName, new { @class = "required text-field", style = "width:300px", placeholder = "Nhập khu vực cho tin rao của bạn", title = "Nhập khu vực cho tin rao của bạn  ví dụ: Cabramatta, NSW, 2166" })%>
                    <span id="loadSubur" style="display:none"><img src="/Images/indicator.gif"/></span>
                    <%= Html.HiddenFor(m=> m.Ad.SuburbID)%>
                </td>
            </tr>

            
            
            
            <tr>
                <td class="key">
                    Nội dung tin rao<font color="red">*</font>:
                </td>
                <td colspan="3">
                    <%=Html.TextAreaFor(m=>m.Ad.Content, new {cols = 97, rows = 40, title="Nhập nội dung tin rao"})%>
                </td>
            </tr>
            <tr>
                <td class="key">
                    Giá:
                </td>
                <td>
                    <%= Html.TextBoxFor(m => m.Ad.Cost, new {style="width:100px",@class="number", title="Nhập giá rao bán hoặc cho thuê!" })%>
                    Đơn vị:<%=Html.DropDownListFor(m => m.Ad.CostTypeID, new SelectList(Model.CostTypes, "ID", "Name",Model.Ad.CostTypeID != null ? Model.Ad.CostTypeID : null).ToList(), new { style="width:90px"})%>
                </td>
                <td class="key">
                    Trạng thái tin:
                </td>
                <td>
                    <%=Html.DropDownListFor(m => m.Ad.Status, new SelectList(Model.AdStatusList, "Key", "Value",2).ToList(), new { style="width:90px"})%>
                </td>
            </tr>
                        <tr>
                <td class="key">
                    Tên người đăng:
                </td>
                <td>
                    <%= Html.TextBoxFor(m => m.Ad.NameContact, new {Style = "width:200px",title="Nhập tên người đăng tin!" })%>
                </td>
                <td class="key">
                    Email:
                </td>
                <td>
                    <%= Html.TextBoxFor(m => m.Ad.EmailContact, new { Style = "width:200px", title = "Nhập email người đăng tin!" })%>
                </td>
            </tr>
            <tr>
                <td class="key">
                    Di động<font color="red">*</font>:
                </td>
                <td>
                    <%= Html.TextBoxFor(m => m.Ad.MobileContact, new {Style = "width:200px", title = "Nhập số điện thoại di động!" })%>
                </td>
                <td class="key">
                    SĐT bàn
                </td>
                <td>
                    <%= Html.TextBoxFor(m => m.Ad.PhoneContact, new {style = "width:200px", title="Nhập số điện thoại bàn!" })%>
                </td>
            </tr>
            <tr>
                <td class="key">
                    Địa chỉ:
                </td>
                <td colspan="3">
                    <%=Html.TextBoxFor(m => m.Ad.AddressContact, new { Style = "width:730px" })%>
                </td>
            </tr>
            <%--<tr>
                <td class="key">
                    Chọn tag
                </td>
                <td colspan="3">
                    <%= Html.TextBox("TagName", string.Empty, new { style = "width:350px" })%>(<font
                        color="red">*</font>)Cho phép chọn nhiều tag, mỗi tag cách nhau bằng dấu ",".
                    Tag chưa có thì viết tên tag vào ô text
                    <%= Html.Hidden("TagID")%>
                </td>
            </tr>--%>
            <tr>
                <td class="key">
                    Trạng thái hiển thị
                </td>
                <td colspan="3">
                    <%= Html.RadioButtonFor(m=>m.Ad.PublishYN, true)%>
                    Publish
                    <%= Html.RadioButtonFor(m=> m.Ad.PublishYN, false) %>
                    Không Publish
                </td>
            </tr>
            <%--<tr>
                <td class="key">
                    MetaKeyword
                </td>
                <td colspan="3">
                    <%=Html.TextBoxFor(m=>m.Ad.MetaKeyword, new { style = "width:350px;"})%>
                </td>
                
            </tr>
            <tr>
                <td class="key">
                    MetaTitle
                </td>
                <td colspan="3">
                    <%=Html.TextBoxFor(m=>m.Ad.MetaTitle, new { style = "width:350px;"})%>
                </td>
            </tr>
            <tr>
                <td class="key">
                    MetaDescription
                </td>
                <td colspan="3">
                    <%=Html.TextBoxFor(m=>m.Ad.MetaDescription, new { style = "width:730px;"})%>
                </td>
            </tr>
            <tr>
                <td class="key">
                    Link nguồn
                </td>
                <td colspan="3">
                    <%=Html.TextBoxFor(m=>m.Ad.SourceUrl, new { style = "width:730px;"})%>
                </td>
            </tr>--%>
            <tr>
                <td class="key">Ảnh đại diện</td>
                <td colspan="3">
                    <%if (!string.IsNullOrEmpty(Model.Ad.AvataImage))
                      {%>
                      <span id="Avataimg<%=Model.Ad.ID %>"><img width="60" height="40" src="<%=Model.SiteRootUrl+ Model.Ad.AvataImage%>"/><img style="vertical-align: middle" onclick="DeleteAvata(<%=Model.Ad.ID %>);" alt="Xóa" src="/images/delete22.png" /></span>
                    <%} %>
                </td>
            </tr>
            <% if (Model.Galleries != null && Model.Galleries.Count > 0)
                         {%>
                         <tr>
                         
                    <td class="key">
                        Ảnh mô tả:
                    </td>
                    <td>
                    
                          <%    foreach (var item in Model.Galleries)
                                {
                                    string srcImg = Model.SiteRootUrl + item.Path;
                                    %>
                             <span id="img<%=item.ID %>"><img width="60" height="40" src="<%=srcImg%>"/><img style="vertical-align: middle" onclick="DeleteImge(<%=item.ID %>);" alt="Xóa" src="/images/delete22.png" /></span>
                      <%}
                        %>
                    </td>
                </tr>
                <%} %>
            <tr>
                <td class="key">
                    Ảnh mô tả
                </td>
                <td colspan="3">
                    <p>
                        <span class="header-create-form">Hình ảnh</span> <span class="description-create-form">Tối đa 10 ảnh. Mỗi ảnh tối đa 2MB. Tin rao có ảnh sẽ được xem nhiều hơn gấp 10 lần và được nhiều người gọi gấp 5 lần so với tin rao không có ảnh. Hãy đăng ảnh để được giao dịch nhanh chóng. Click vào nút <span class="redfont" style="font-weight:bold">"Browse.." hoặc "Choose File"</span> bên dưới để upload ảnh cho tin của bạn:</span>
                    </p>
                    <span id="ctl32_ctl01_FileServer2">
                        <div class="imagePreview" id="imagePreview"></div>
                                <div id="upload-drop-zone" class="spanButtonPlaceholder block-upload-item" style="position: relative; overflow: hidden; direction: ltr;">
                                    <div id="list_iupload">
                                        <div id="list_imgTemp"></div>
                                        <div>
                                            <div id="uploadingImg" style="display:none;float:left" class="imgTemp">
                                                <img src="/Images/indicator.gif"/><br />
                                                <span>Uploading your image...</span>
                                            </div>
                                            <input type="file" name="FileUpload" id="FileUpload" onchange="javascript:UploadImageAjax(this)" />
                                        </div>
                                    </div>
                                </div>
                        </span>
                </td>
            </tr>
<%--            <tr>
                <td class="key">Gửi mail thông báo</td>
                <td colspan="3">
                    <%=Html.DropDownList("MailStatusId",new SelectList(Model.MailStatus,"Key","Value",0).ToList(),"--Chọn thông báo--")%><span style="font-size:smaller;color:Red">Tính năng này cho phép gửi email thông báo tới người đăng tin!</span>
                </td>
            </tr>--%>
            <tr>
                <td colspan="2" align="center">
                    <input type="submit" id="btnSave" value="Lưu lại" onclick="return check_extension('AdImage','btnSave');" />
                </td>
            </tr>
        </tbody>
    </table>
    <%}
      } %>

    <script type="text/javascript">
        $(document).ready(function() {
            $("#adminForm").validate();
//            $("#Ad_CityID").unbind("change").change(function() {
//                var val = $("#Ad_CityID").val();
//                if (val == "" || val == '' || val == undefined)
//                    return false;
//                AjaxChange("#Ad_CityID", "#Ad_DistrictID", "/Applications/LoadDistrictByCity/");
//            });
        });

       // var fileIndex = 1;
       // var hash = { '.jpg': 1, '.png': 1, '.gif': 1 };
//        function check_extension(filename, submitId) {
//            var re = /\..+$/;
//            //     var ext = filename.match(re).toString().toLowerCase();
//            var submitEl = document.getElementById(submitId);
//            if (hash[ext]) {
//                submitEl.disabled = false;
//                return true;
//            } else {
//            }
//        }

        function DeleteAvata(id){
            var ur = "/Applications/DeleteAvata/" + id;
            if (confirm("Bạn có chắc chắn muốn xóa ảnh Avata này?")) {
                $.ajax({
                    url: ur,
                    type: 'POST',
                    success: function(html) {
                        if (html.toString() == "true") {
                            $('#Avataimg' + id).remove();
                        }
                    },
                    error: function(mes) {
                        alert("Lỗi: " + mes.responseText);
                        return false;
                    }
                });
            }
        }
        function DeleteImge(id) {
            var ur = "/Applications/DeleteImg/" + id;
            if (confirm("Bạn có chắc chắn muốn xóa ảnh mô tả này?")) {
                $.ajax({
                    url: ur,
                    type: 'POST',
                    success: function(html) {
                        if (html.toString() == "true") {
                            $('#img' + id).remove();
                        }
                    },
                    error: function(mes) {
                        alert("Lỗi: " + mes.responseText);
                        return false;
                    }
                });
            }
        }
        
        tinyMCE.init({
            mode: "exact",
            elements: "Ad_Content",
            theme: "advanced",
            plugins: "spellchecker,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,paste,imagemanager",
            theme_advanced_buttons1: "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect",
            theme_advanced_buttons2: "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
            theme_advanced_buttons3: "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
            theme_advanced_buttons4: "insertlayer,moveforward,movebackward,absolute,|,styleprops,spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,pagebreak,|,insertfile,insertimage",
            theme_advanced_toolbar_location: "top",
            theme_advanced_toolbar_align: "left",
            theme_advanced_statusbar_location: "bottom",
            paste_use_dialog: false,
            paste_auto_cleanup_on_paste: true,
            paste_convert_headers_to_strong: false,
            paste_strip_class_attributes: "all",
            paste_remove_spans: true,
            paste_remove_styles: true
        });

        // Start Load du lieu Autocomplete for filed Select tag: Created by Vietlv//
        $("#TagName").autocomplete({
            minLength: 2,
            source: function(request, response) {
                $.ajax({
                    url: "/Applications/SearchTag",
                    dataType: "json",
                    data: {
                        keyword: extractLast(request.term)
                    },
                    success: function(data) {
                        response($.map(data, function(item) {
                            return {
                                label: item.Name,
                                value: item.Keyword,
                                id: item.ID
                            }
                        }));
                    }
                });
            },
            focus: function() {
                // prevent value inserted on focus
                return false;
            },
            select: function(event, ui) {
                var terms = split(this.value);
                // remove the current input
                terms.pop();
                // add the selected item
                terms.push(ui.item.value);
                // add placeholder to get the comma-and-space at the end
                terms.push("");
                this.value = terms.join(", ");

                var termsk = split($('#TagID').val());
                // remove the current input
                termsk.pop();
                // add the selected item
                termsk.push(ui.item.id);
                // add placeholder to get the comma-and-space at the end
                termsk.push("");
                $('#TagID').val(termsk.join(","));
                return false;
            }
        });
        //Datetime
        $.datepicker.setDefaults($.datepicker.regional['vi']);
        $(".datepicker").datepicker({
            dateFormat: "dd/mm/yy",
            changeMonth: true,
            yearRange: "1920",
            showOn: "button",
            buttonImage: "/Images/calendar.gif",
            buttonImageOnly: true,
            changeYear: true
        });
        //
        // Start Load du lieu Autocomplete for filed Select suburb: Created by Vietlv//
        $("#AdSuburbName").autocomplete({
            minLength: 2,
            source: function(request, response) {
                $.ajax({
                    url: "/Applications/SearchSuburb",
                    dataType: "json",
                    data: {
                        keyword: extractLast(request.term)
                    },
                    success: function(data) {
                        response($.map(data, function(item) {
                            return {
                                label: item.FullName,
                                value: item.Keyword,
                                id: item.ID
                            }
                        }));
                    }
                });
            },
            focus: function() {
                // prevent value inserted on focus
                return false;
            },
            select: function(event, ui) {
                $("#AdSuburbName").val(ui.item.label);
                $('#Ad_SuburbID').val(ui.item.id);
                return false;
            }
        });
        //Start UploadImageAjax
        var _TotalItem = 1;
        var _CountImageT = 1;
        var hash = { '.jpg': 1, '.png': 1, '.gif': 1, '.jpeg:': 1, '.pjpeg': 1, '.bmp': 1 };
        function check_extension(filename) {
            var re = /\..+$/;
            var ext = filename.match(re).toString().toLowerCase();
            if (hash[ext]) {
                return true;
            } else {
                return false;
            }
        };
        function UploadImageAjax(obj) {
            if (check_extension(obj.value) == true) {
                if (_TotalItem > 10) {
                    alert("Hệ thống cho phép đăng tối đa 10 ảnh!");
                    obj.value = null;
                    return;
                }
                else {
                    $("#uploadingImg").show();
                    var formData = new FormData();
                    var totalFiles = document.getElementById("FileUpload").files.length;
                    for (var i = 0; i < totalFiles; i++) {
                        var file = document.getElementById("FileUpload").files[i];

                        formData.append("FileUpload", file);
                    }
                    var dm = GetDomain();
                    var ul = dm + "Applications/UploadImageTemp";
                    $.ajax({
                        type: "POST",
                        url: ul,
                        data: formData,
                        dataType: 'json',
                        contentType: false,
                        processData: false,
                        success: function(response) {
                            var ima = "<div id=\"imgT" + _CountImageT + "\" class=\"imgTemp\"><img src=\" " + response + " \" class=\"imgTemp_item\"><img onclick = \"RemoveImageT('" + response + "'," + _CountImageT + ")\" class=\"img_remove\" src=\"/images/delete22.png\"/></div>";
                            $("#uploadingImg").hide();
                            $("#list_imgTemp").append(ima);
                            _TotalItem++;
                            _CountImageT++;
                            obj.value = null;
                        },
                        error: function(error) {
                        }
                    });
                }

            } else {
                alert("File này không phải là file ảnh thông thường. Hệ thống chỉ cho phép các file có đuôi mở rộng là: '.jpg | .gif | .png | .jpeg | .pjpeg'");
                obj.value = null;
            }
        }
        //End
        //Remove Image
        function RemoveImageT(urlImg, ImgT) {

            var dm = GetDomain();
            $.ajax({
                url: dm + "Applications/DeleteImageTemp",
                type: 'POST',
                data: { ImgTUrl: urlImg },
                success: function(html) {
                    if (html == "True" || html == "true") {
                        _TotalItem--;
                        $("#imgT" + ImgT).remove();
                    }
                },
                error: function(mes) {
                    return false;
                }
            });
        }
        //End
    </script>

</asp:Content>
